<div id="banners" class="slider">
    <ul class="slider__wrapper clearfix" th:if="${category=='mom-and-baby'}">
        <li class="slider__item">
            <a class="box" href="#"><img blc:src="@{/img/thumbs/banner.jpg}" />
            </a>
        </li>
    </ul>
    <ul class="slider__wrapper clearfix" th:if="${category=='high-tech'}">
        <li class="slider__item">
            <a class="box" href="#"><img blc:src="@{/img/thumbs/high-tech_banner.jpg}" />
            </a>
        </li>
        <li class="slider__item">
            <a class="box" href="#"><img blc:src="@{/img/thumbs/high-tech01_banner.jpg}" />
            </a>
        </li>
        <li class="slider__item">
            <a class="box" href="#"><img blc:src="@{/img/thumbs/high-tech02_banner.jpg}" />
            </a>
        </li>
    </ul>
    <ul class="slider__wrapper clearfix" th:if="${category=='health'}">
        <li class="slider__item">
            <a class="box" href="#"><img blc:src="@{/img/thumbs/health_banner.jpg}" />
            </a>
        </li>
    </ul>
    <ul class="slider__wrapper clearfix" th:if="${category=='treasure'}">
        <li class="slider__item">
            <a class="box" href="#"><img blc:src="@{/img/thumbs/tr_banner.jpg}" alt="范客夺宝" />
            </a>
        </li>
    </ul>
</div>
